<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Amaze UI Admin index Examples</title>
		<meta name="description" content="这是一个 index 页面">
		<meta name="keywords" content="index">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="assets/i/favicon.png">
		<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
		<meta name="apple-mobile-web-app-title" content="Amaze UI" />
		<link rel="stylesheet" href="assets/css/jBox.css" />
		<link rel="stylesheet" href="assets/css/amazeui.css" />
		<link rel="stylesheet" href="assets/css/admin.css">
		<link rel="stylesheet" href="assets/css/admin_custom.css" />
<script src="assets/js/jquery.min.js"></script>
    <script type="text/javascript">
        
        $(function() {
            function fixHeight() {
	            	if($(window).width()>640){
	            		$("#iframe").attr("width", $(window).width()-250+ "px");
	            	}
                
                $("#iframe").attr("height", $(window).height()-24+ "px");
            }
            $(window).resize(function () {
                fixHeight();
            }).resize();

        });  
    </script>

	</head>

	<body>
		<style>
		html { overflow-x: hidden; overflow-y: auto; } 
			.pd8 {
				padding: 0.7rem;
			}
			
			@media only screen and (min-width: 1330px) {
				.show1 {
					display: none;
				}
			}
			
			@media (min-width: 1330px) {
				.show1 {
					display: none;
				}
			}
			
			.am-nav-pills>li+li {
				margin-left: 0px !important;
			}
			
			.am-topbar,
			.am-topbar a {
				color: #ddd;
			}
			
			.am-nav>li>a:focus,
			.am-nav>li>a:hover {
				background-color: #4f627e;
			}
			
			.headerbg {}
			
			body {
				font-size: 1.4em;
			}
			
			.admin-sidebar-list li a {
				padding-left: 15px;
			}
			

			
			.headermenu span {
				display: block;
				padding-bottom: 8px;
			}
			
			.am-btn {
				border-radius: 2px;
			}
			
			.am-btn-lg {
				font-size: 1.9rem;
			}
			
			#mcover {
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(255, 255, 255, 0.8);
				display: none;
				z-index: 20000;
			}
			.menuactive a{
				background-color: #f7f7f7 !important;
				color: #fb9337 !important;
			}
			
			iframe {position: absolute;bottom: 50;}
iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
#iframe {
	margin-top: 0;
}

#iframe-wrap {
	height: 100%;
	overflow: visible;
	position: relative;
	
	z-index: 50;
}				
		</style>
		<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->
		<header class="am-topbar admin-header topbar-color headerbg" style="border-bottom: 5px solid #fb9337;">
			<div class="am-topbar-brand">
				<strong><img src="assets/images/logo.png" />	</strong> <small>后台管理</small>

			</div>
			<div class="am-fl  ">
				<ul class="am-nav am-nav-pills ceshi">
					<form class="am-topbar-form am-topbar-left am-form-inline am-hide-md-down" role="search">
						<div class="am-form-group">
							<input type="text" class="am-form-field am-input-sm" placeholder="搜索">
						</div>
					</form>
					<li class="pd8 am-hide-md-down"><a href="#" data-am-collapse="{target:'#video-nav'}" id="myTool">公众号</a></li>

				</ul>

			</div>

			<button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success " data-am-collapse="{target: '#topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

			<div class="am-collapse am-topbar-collapse " id="topbar-collapse">

				<ul class="am-nav am-nav-pills am-topbar-nav am-topbar-right admin-header-list ">

					<li class="am-dropdown" data-am-dropdown>
						<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
							<span class="am-icon-users"></span> 一元拾宝 <span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
							<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>
					<li class="am-dropdown" data-am-dropdown>
						<a class="am-dropdown-toggle" data-am-dropdown-toggle href="javascript:;">
							<span class="am-icon-users"></span> 管理员 <span class="am-icon-caret-down"></span>
						</a>
						<ul class="am-dropdown-content">
							<li><a href="#"><span class="am-icon-user"></span> 资料</a></li>
							<li><a href="#"><span class="am-icon-cog"></span> 设置</a></li>
							<li><a href="#"><span class="am-icon-power-off"></span> 退出</a></li>
						</ul>
					</li>

					<li class="am-show-sm-only">
						<div class="am-form-group">
							<input type="text" class="am-form-field am-input-sm" placeholder="搜索" style="background: #f5f5ff;">
						</div>
					</li>

					<li class="am-hide-sm-only"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
				</ul>
			</div>
		</header>

		<div class="am-cf admin-main">
			<!-- sidebar start -->
			<div class="admin-sidebar am-offcanvas" id="admin-offcanvas" style="min-height: 700px;">

				<div class="am-offcanvas-bar admin-offcanvas-bar">
					<ul class="am-list admin-sidebar-list">

						<li class="admin-parent">
							<a class="am-cf" data-am-collapse="{target: '#collapse-nav1'}"><span class="am-icon-weixin am-icon-fw"></span> 公众号管理 <span class="am-icon-angle-right am-fr am-margin-right "></span></a>
							<ul class="am-list am-collapse admin-sidebar-sub " id="collapse-nav1">
								<li class="menuactive"><a href="admin-port.html"><span class="am-icon-comments am-icon-fw"></span> 公众号列表</a></li>

							</ul>
						</li>
						<li class="admin-parent">
							<a class="am-cf" data-am-collapse="{target: '#collapse-nav2'}"><span class="am-icon-user am-icon-fw"></span> 管理员 <span class="am-icon-angle-right am-fr am-margin-right "></span></a>
							<ul class="am-list am-collapse admin-sidebar-sub " id="collapse-nav2">
								<li><a href="admin-user.html" class="am-cf"><span class="am-icon-undo am-icon-fw"></span> 密码修改<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>

							</ul>
						</li>

					</ul>

					<div class="am-panel am-panel-default admin-sidebar-panel">
						<div class="am-panel-bd">
							<p><span class="am-icon-bookmark"></span> 公告</p>
							<p>时光静好，与君语；细水流年，与君同。—— Amaze UI</p>
						</div>
					</div>

					<div class="am-panel am-panel-default admin-sidebar-panel">
						<div class="am-panel-bd">
							<p><span class="am-icon-tag"></span> wiki</p>
							<p>Welcome to the Amaze UI wiki!</p>
						</div>
					</div>
				</div>

			</div>
			<!-- sidebar end -->

			<!-- content start -->
        <iframe id="iframe" src="iframe-port.html" frameborder="0"  width="100%" >
        </iframe>

				<!-- content end -->

			</div>

			<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
				<span class="am-icon-btn am-icon-th-list"></span>
			</a>


			<div style="display:none">
				<div id="content">
					Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has
					survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop
					publishing software like Aldus PageMaker including versions of Lorem Ipsum.
					<div class="popModal_footer">
						<button type="button" class="btn btn-primary" data-popmodal-but="ok">ok</button>
						<button type="button" class="btn btn-default" data-popmodal-but="cancel">cancel
							<a href="javascript:;"></a>
						</button>
					</div>
				</div>
			</div>
			<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->
			<div id="mcover" style="display: none;">
				<!--<img src="img/guide.png">-->
				<div style="border: 1px solid rgba(0,0,0,.3);box-shadow: 0 3px 7px rgba(0,0,0,.3); width: 50%; color: #000; margin: 0 auto; margin-top: 10%; background-color:#fff ; border-radius: 5px 5px 5px 5px; padding: 10px 15px;">
					<div class="modalcon"></div>

				</div>
			</div>
			<!--[if (gte IE 9)|!(IE)]><!-->
			
			<!--<![endif]-->
			<script src="assets/js/amazeui.min.js"></script>
			<script src="assets/js/layer.js"></script>
			<script src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/jBox.min.js" ></script>
    <script type="text/javascript">
										
					function Ceshi(event){
						var formcon="<form class=\"am-form\"><div class=\"am-g am-margin-top\"><div class=\"am-u-sm-12 am-u-md-2 am-md-text-right\">文章标题</div><div class=\"am-u-sm-12 am-u-md-4\"><input type=\"text\"class=\"am-input-sm\"></div><div class=\"am-hide-sm-only am-u-md-6\">*必填，不可重复</div></div><div class=\"am-g am-margin-top\"><div class=\"am-u-sm-12 am-u-md-2 am-md-text-right\">文章作者</div><div class=\"am-u-sm-12 am-u-md-4 am-u-end col-end\"><input type=\"text\"class=\"am-input-sm\"></div></div><div class=\"am-g am-margin-top\"><div class=\"am-u-sm-12 am-u-md-2 am-md-text-right\">信息来源</div><div class=\"am-u-sm-12 am-u-md-4\"><input type=\"text\"class=\"am-input-sm\"></div><div class=\"am-hide-sm-only am-u-md-6\">选填</div></div><div class=\"am-g am-margin-top\"><div class=\"am-u-sm-12 am-u-md-2 am-md-text-right\">内容摘要</div><div class=\"am-u-sm-12 am-u-md-4\"><input type=\"text\"class=\"am-input-sm\"></div><div class=\"am-u-sm-12 am-u-md-6\">不填写则自动截取内容前255字符</div></div><div class=\"am-g am-margin-top-sm\"><div class=\"am-u-sm-12 am-u-md-2 am-text-right admin-form-text\">内容描述</div><div class=\"am-u-sm-12 am-u-md-10\"><textarea rows=\"10\"placeholder=\"请使用富文本编辑插件\"></textarea></div></div></form>"
			            if(event.srcElement){
							layer.open({
							    type: 1,
							    shade: false,
							    title: '新增公众号', //不显示标题
							    area: ['50%', '50%'],
							    content: formcon //捕获的元素

							});
			             } else {
			                  //alert(event.target);
			                  //var evTool2=event.target.className;
			                  //alert(evTool2);
			             }			
					}

			      

    </script>			

	</body>

</html>